<template>
	<view class="container">
		<view class="blockLine"></view>
		<view class="step">
			<u-steps current="0">
				<u-steps-item title="发起采购"></u-steps-item>
				<u-steps-item title="采购单确认"></u-steps-item>
				<u-steps-item title="入库确认"></u-steps-item>
				<u-steps-item title="结算完成"></u-steps-item>
			</u-steps>
		</view>
		<view class="blockLine"></view>
		<view class="sDate">
			<view>实际送达时间</view>
			<view style="color: #999999 ;">2025-02-28 20:28:32</view>
		</view>
		<view class="blockLine1">
			基本信息
		</view>

		<view class="information">
			<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y">
				<view class="in-1">
					<view>采购单号</view>
					<view class="in-r">CG20250202001</view>
				</view>
				<view class="in-1">
					<view>供应商</view>
					<view class="in-r">黑龙江省三九集团公司</view>
				</view>
				<view class="in-1">
					<view>产品信息</view>
					<view class="goodsIN-3">萝卜，精品大白菜，精品胡萝卜,精品西红柿</view>
				</view>
				<view class="in-1">
					<view>订单状态</view>
					<view class="type">入库确认</view>
				</view>
				<view class="in-1">
					<view>订单时间</view>
					<view class="in-r">2025-02-28 20:28:32</view>
				</view>
				<view class="in-1">
					<view>创建人</view>
					<view class="in-r">郝建</view>
				</view>
				<view class="in-1">
					<view>总数量</view>
					<view class="in-r">5000</view>
				</view>
				<view class="in-1">
					<view>入库数量</view>
					<view class="in-r">500</view>
				</view>
				<view class="in-1">
					<view>退货数量</view>
					<view class="in-r">0</view>
				</view>
				<view class="in-1">
					<view>结算账户</view>
					<view class="in-r">6227001147490148112</view>
				</view>
				<view class="in-1">
					<view>金额合计</view>
					<view class="in-r">200.00元</view>
				</view>
				<view class="in-1">
					<view>含税金额</view>
					<view class="in-r">200.00元</view>
				</view>
				<view class="in-1">
					<view>优惠率(%)</view>
					<view class="in-r">1%</view>
				</view>
				<view class="in-1">
					<view>付款优惠</view>
					<view class="in-r">200.00元</view>
				</view>
				<view class="in-1">
					<view>优惠后金额</view>
					<view class="in-r">200.00元</view>
				</view>
				<view class="in-1">
					<view>支付定金</view>
					<view class="in-r">200.00元</view>
				</view>
				<view class="in-1">
					<view>发票信息</view>
					<view style="width: 55%;">
						<u-radio-group 
						size="26rpx"
						    v-model="value"
						    placement="row">
							<u-radio  label="已开票" ></u-radio>
							<view style="width: 20rpx;"></view>
							<u-radio  label="未开票" ></u-radio>
							<view style="width: 20rpx;"></view>
							<u-radio  label="无票" ></u-radio>
						</u-radio-group>
					</view>
				</view>
				<view class="in-1">
					<view>附件信息</view>
					<view class="in-r">无</view>
				</view>
				<view class="in-1">
					<view>备注信息</view>
					<view class="in-r">无</view>
				</view>
			</scroll-view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		}
	}
</script>

<style scoped>
	.goodsIN-3{
		text-align: end;
		width: 400rpx;
		 text-overflow: ellipsis;
		    overflow: hidden;
		    word-break: break-all;
		    white-space: nowrap;
			color: #999999 ;
	}
	.type{
		color: #FF9933;
	}
	.in-r{
		color: #999999 ;
	}
	.scroll-Y {
		width: 100%;
		height: calc(100vh - 450rpx);
	}

	.in-1 {
		width: 100%;
		height: 98rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 26rpx;
	}

	.information {
		width: 100%;
		min-height: 500rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 32rpx 24rpx;
		box-sizing: border-box;
	}

	.blockLine1 {
		width: 100%;
		height: 60rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		background-color: #F8F8F8;
		color: #333333;
		font-size: 24rpx;
		padding: 0 24rpx;
		box-sizing: border-box;
	}

	.sDate {
		width: 100%;
		height: 102rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-size: 26rpx;
		padding: 0 39rpx 0 25rpx;
		box-sizing: border-box;
		background-color: #FFFFFF;
	}

	.step {
		width: 100%;
		height: 219rpx;
		background-color: #FFFFFF;
		display: flex;
		align-items: center;
		padding: 0 72rpx;
		box-sizing: border-box;
	}

	.blockLine {
		width: 100%;
		height: 21rpx;
		background-color: #F8F8F8;
	}

	.container {
		width: 100%;
		height: 100vh;
		display: flex;
		flex-direction: column;
		align-items: center;
		background-color: #FFFFFF;
	}
</style>